<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="static/css/style.css">
  <link rel="stylesheet" type="text/css" href="static/css/public.css">
  <link rel="stylesheet" type="text/css" href="static/css/index.css">
  <title>推荐作品</title>
  <style>
  </style>
</head>
<body>
  <div class="recommend">
    <div class="header" id='header'>
      <div class="wrap">
        <a href="#" class="logo fl"><img src="static/img/logo.png" alt=""></a>
        <ul class='fl nav' id='nav'>
          <li><a href="index.html">首页</a></li>
          <li class='active'><a href="recommend.html">推荐作品</a></li>
          <li><a href="my_space.html">动态</a></li>
          <span></span>
        </ul>
        <div class="fr right">
          <div href="javascript:;" class="submission fr">投稿
            <ul class='hide-ul'>
              <li><a href="issueProduction.html">作品发布</a></li>
              <li><a href="issueLog.html">文章发布</a></li>
              <li><a href="my_space.html">心情发布</a></li>
            </ul>
          </div>
          <!-- 头像组合和下拉框 -->
          <div class="avator fr">
            <img src="static/img/img_all01.png" alt="">

            <!-- 这个hide-box是登录之后的样子 -->
            <div class="hide-box" style='display:none'>
              <p class='name'>你大爷</p>
              <p class='info'>
                <span><i class='icon iconfont icon-liangshinew'></i>8
                  <!-- what是里面的小弹框 -->
                  <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i>
                </span>
                <span><i class='icon iconfont icon-yugu1'></i>6
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                <span><i class='icon iconfont icon-wode'></i>5
                <i class="what">
                    积分通过消费获得，1鱼币=5积分，仅用于购买积分商品，增加画师人气
                    <span class="san"><b></b></span>
                  </i></span>
                <a href="javascript:;" class="fr">充值</a>
              </p>
              <ul class='clearfix'>
                <li><a href="my_page.html">我的主页</a></li>
                <li><a href="my_collection.html">我的收藏</a></li>
                <li><a href="my_center_wallet.html">我的钱包</a></li>
                <li><a href="my_products.html">我的创作</a></li>
                <li><a href="achievement.html">我的成就</a></li>
                <li><a href="my_center_data.html">账号设置</a></li>
              </ul>
              <a href="javascript:;" id='login_out' class='hide-btn'>退出</a>
            </div>
            <!-- 这个hide-box是没登录的样子 -->
            <div class="hide-box not-login" id='not-login'>
              <p>登陆后你可以 :</p>
              <div class="img-box">
                <img src="static/img/danmu2.png" alt="" id='imgmove1'>
                <img src="static/img/danmu2.png" alt="" id='imgmove2'>
              </div>
              <div class="register">
                还没有账号？<a href="login.html?type=1">点击我去注册</a>
              </div>
              <a href="login.html?type=2" id='login_in' class='hide-btn'>登录</a>
            </div>
          </div>
          <div class="news fr"><img src="static/img/news.png" alt=""><i></i>
            <ul class='hide-ul'>
              <li><a href="newsCenter.html?type=1">收到的评论</a></li>
              <li><a href="newsCenter.html?type=2">点赞 / 收藏</a></li>
              <li><a href="newsCenter.html?type=3">系统通知</a></li>
              <li><a href="newsCenter.html?type=4">私信消息</a></li>
            </ul>
          </div>
          <div class="search-box fr">
            <a class="search fl clearfix" id="search"></a>
            <input type="text" class='fl' placeholder="搜索作品、二次元星人等">
          </div>
        </div>
      </div>
    </div>
    <!-- 上面分类 -->
    <div class="type">
      <div class="wrap">
        <span class='fl'>热门标签 :</span>
        <ul class="clearfix">
          <li>全部</li><li>动漫</li><li>原话</li><li>全部</li><li>动漫</li><li>原话</li><li>全部</li><li>动漫</li><li>原话</li><li>全部</li><li>动漫</li><li>原话</li><li>全部</li><li>全部</li><li>动漫</li><li>原话</li><li>全部</li><li>全部</li><li>动漫</li><li>原话</li><li>全部</li>
        </ul>
      </div>
    </div>

    <!-- 下面分类 -->
    <div class="tab wrap">
      <a href="javascript:;" class='active'>推荐作品</a>
      <a href="javascript:;">全部</a>
      <a href="javascript:;">单图</a>
      <a href="javascript:;">图集</a>
      <a href="javascript:;">文章</a>
      <a href="javascript:;">礼赞</a>
    </div>

    <div class="main wrap">
      <div class="list list4">
        <ul class="clearfix">
          <li data-type='1'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 图片的小框框 -->
              <div class="pic">
                <div class="clearfix tt">
                  <div class="fl">深夜食堂没事系列</div>
                  <div class="fr">单图</div>
                </div>
                <div class="clearfix bb">
                  <img src="static/img/img_all02.png" alt="" class="fl">
                  <span class="name fl">上海台</span>
                  <div class="fr">20小时前</div>
                </div>
              </div>
            </li>
            <li data-type='1'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 图片的小框框 -->
              <div class="pic">
                <div class="clearfix tt">
                  <div class="fl">深夜食堂没事系列</div>
                  <div class="fr">单图</div>
                </div>
                <div class="clearfix bb">
                  <img src="static/img/img_all02.png" alt="" class="fl">
                  <span class="name fl">上海台</span>
                  <div class="fr">20小时前</div>
                </div>
              </div>
            </li>
            <li data-type='2'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 文章的小框框 -->
              <div class="text">
                <p>插画修炼手册</p>
                <div class="inner">
                  <div class="detail">插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册,插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修炼手册插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画插画修画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册画修炼手册,插画修炼手册炼手册插画修炼手册插画修炼手册插画修炼手册</div>
                </div>
              </div>
            </li>
            <li data-type='1'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 图片的小框框 -->
              <div class="pic">
                <div class="clearfix tt">
                  <div class="fl">深夜食堂没事系列</div>
                  <div class="fr">单图</div>
                </div>
                <div class="clearfix bb">
                  <img src="static/img/img_all02.png" alt="" class="fl">
                  <span class="name fl">上海台</span>
                  <div class="fr">20小时前</div>
                </div>
              </div>
            </li>
            <li data-type='1'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 图片的小框框 -->
              <div class="pic">
                <div class="clearfix tt">
                  <div class="fl">深夜食堂没事系列</div>
                  <div class="fr">单图</div>
                </div>
                <div class="clearfix bb">
                  <img src="static/img/img_all02.png" alt="" class="fl">
                  <span class="name fl">上海台</span>
                  <div class="fr">20小时前</div>
                </div>
              </div>
            </li>
            <li data-type='1'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 图片的小框框 -->
              <div class="pic">
                <div class="clearfix tt">
                  <div class="fl">深夜食堂没事系列</div>
                  <div class="fr">单图</div>
                </div>
                <div class="clearfix bb">
                  <img src="static/img/img_all02.png" alt="" class="fl">
                  <span class="name fl">上海台</span>
                  <div class="fr">20小时前</div>
                </div>
              </div>
            </li>
            <li data-type='1'>
              <img src="static/img/img_all01.png" alt="">
              <!-- 这个是左上角的123 -->
              <span>NO.1</span>
              <!-- 图片的小框框 -->
              <div class="pic">
                <div class="clearfix tt">
                  <div class="fl">深夜食堂没事系列</div>
                  <div class="fr">单图</div>
                </div>
                <div class="clearfix bb">
                  <img src="static/img/img_all02.png" alt="" class="fl">
                  <span class="name fl">上海台</span>
                  <div class="fr">20小时前</div>
                </div>
              </div>
            </li>
        </ul>
      </div>
      <div class="loading">
        <div class="spinner">
          <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
          </div>
          <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
          </div>
          <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
          </div>
        </div>
      </div>
    </div>

     <!-- footer -->
    <div class="footer">
      <div class="wrap">
        <div class="content clearfix">
          <div class="left fl">
            <dl>
              <dt><a href="javascript:;">摸了个鱼</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="mid fl">
            <dl>
              <dt><a href="javascript:;">友情链接</a></dt>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
              <dd><a href="javascript:;">关于我们</a></dd>
            </dl>
          </div>
          <div class="right">
            <div class="box">
              <img src="static/img/footer1.png" height="120" width="120" alt="">
              <p>手机端下载</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer2.png" height="120" width="122" alt="">
              <p>官方微信</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
            <div class="box">
              <img src="static/img/footer3.png" height="120" width="120" alt="">
              <p>官方微博</p>
              <div class="hidden">
                <img src="static/img/ma1.jpg" alt="">
              </div>
            </div>
          </div>
        </div>
        <div class="pt40">
          <p>摸了个鱼用户所发布展示的原创作品版权归原作者所有，任何商业用途均须联系作者。</br>如未经授权用作他处，作者将保留追究侵权者法律责任的权利</p>
        </div>
        <div class='bot'>
          <span>京ICP备11017824号-4&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;京ICP证130164号&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;北京市公安局朝阳分局备案编号:11010502000501</span>
        </div>
        </div>
      </div>
    </div>

  </div>
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" src='static/js/liju.js'></script>
</body>
</html>